<template>
  <div class="x-banner" :style="{'backgroundImage': 'url(' + image + ')'}"></div>
</template>

<script>
export default {
  props: {
    image: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="scss" scoped>
  .x-banner {
    max-width: 1920px;
    height: 670px;
    margin: 0 auto;
    background-position: 0 71px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
</style>
